<!DOCTYPE html>
<html  style="overflow : hidden; ">
<head>
    <title>检查地图</title>
    <meta name="keywords" content="矢量瓦片,矢量索引">
    <meta name="description" content="矢量瓦片">
    <meta name="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="../libs/LeafletSDK_es6/css/leaflet.css" />
    <link rel="stylesheet" href="../libs/LeafletSDK_es6/css/MarkerCluster.css" />
    <link rel="stylesheet" href="../libs/LeafletSDK_es6/css/MarkerCluster.Default.css" />
    <link rel="stylesheet" href="../libs/my-picker/my-picker.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/checkmap.css">
</head>

<body style="margin: 0;">
    <div id="map" class="map" style ="position:absolute;bottom:0px;top:0px;width:100%"></div>
    <div class="search-box">
        <input type="text" placeholder="输入企业名、统一信用代码、地址等查询" class="iptSearch" />
        <div class="search-btn"></div>
    </div>
    
    <p class="check_title"><span class="check_title-txt"></span><i class="clear-txt"></i></p>
    <div class="filterBtn new">
        <span>附近<i class="icon-arrow"></i></span></div>
    
    <ul class="btn_handler_box">
        <li class="positioning" data-filter="reset"></li>
    </ul>

    <ul class="btn_type_box">
        <li class="whiteBtn" data-filter="" data-title="全部检查企业">A</li><li class="greenBtn" data-filter="1" data-title="已查完的企业"></li>
        <li class="blueBtn" data-filter="2" data-title="待查任务不紧急的企业"></li><li class="redBtn" data-filter="3" data-title="有紧急检查任务的企业"></li>
    </ul>
    
    <div class="custom-mask"></div>
    <ul class="custom-container">
        <li data-metter="">不限</li><li data-metter=500>500m</li><li data-metter=1000>1000m</li><li data-metter=3000>3000m</li>
    </ul>

    <div class="detail_info">
        <div class="info_tip clearfix">
            <div class="info_box">
                <p class="legalEntity_info"><span class="legalEntity_name"></span>
                    <span class="regState">存续
                        <!-- <i>存续</i> -->
                    </span></p>
                <p class="mt7 ellips">
                    <!-- <i class="menu_icon menu_icon_1"></i> -->
                    工商联络员：<span class="legalRep_name"></span>&nbsp;<span class="legalRep_tel"></span></p>
                <p class="mt7 ellips">
                    <!-- <i class="menu_icon menu_icon_2"></i> -->
                    地址：<span class="address_info"></span></p>
            </div>
            <div class="location_box">
                <p><span class="distance_info"></span>km</p>
                <p>
                    <i class="menu_icon menu_icon_3"></i>
                </p>
            </div>
        </div>
        <ul class="menu_box clearfix">
            <div class="inner-menu-container">
                <li class="gocheck new"><p><!-- <i class="menu_icon menu_icon_4"></i> -->去检查</p></li>
                <!-- <li class="unfind"><p><i class="menu_icon menu_icon_5"></i>查无下落</p></li> -->
                <li class="detail new"><p><!-- <i class="menu_icon menu_icon_6"></i> -->详情</p></li>
                <li class="call_tel new special"><p><!-- <i class="menu_icon menu_icon_7"></i> -->打电话</p></li>
            </div>
        </ul>
    </div>

    <p class="single-box floating_box"></p>
    <p class="single-box portrait change-map-type"></p>
    <div class="filter_list_box">
        <div style="width: 100%; height: 100%; overflow: auto;">
            <dl class="filter_type">
                <div class="border_box">
                    <dt>
                        <!-- <i></i> -->
                        主体类型</dt>
                    <div id="MARKET_TYPE" class="filter_list"></div>
                </div>
                <div class="border_box">
                    <dt>
                        <!-- <i></i> -->
                        检查类型</dt>
                    <div id="TASK_TYPE" class="filter_list"></div>
                </div>
                <!-- <div class="border_box">
                    <dt>
                        <i></i>
                        检查状态</dt>
                    <div id="TASK_STATUS" class="filter_list"></div>
                </div> -->
                <div class="border_box">
                    <dt>
                        <!-- <i></i> -->
                        查询范围</dt>
                    <div class="super-lable clearfix">
                        <dd id="picker-btn" style="display: none;">市|区|所</dd>
                        <dd id="district-btn" style="display: none;">管辖单位|片区</dd>
                    </div> 
                </div>
                <div class="border_box">
                    <dt>
                        <!-- <i></i> -->
                        监管类型</dt>
                    <!-- <div id="SUPERVISE_TAG" class="filter_list"></div> -->
                    <!-- <div>
                        <dd id="tag-btn">选择监管类型</dd>
                    </div>  -->
                    <div class="tagInfo-box">
                        <div class="tagInfo"></div>
                        <div class="divid-line"></div>
                    </div>
                    
                    <div id="SUP_TAG_LINE" class="SUP_TAG_LINE"></div>
                    <div class="large_tag_box">
                        <p class="title">大类</p>
                        <div id="Large_TAG" class="super-lable clearfix"></div>
                    </div>
                    <div class="small_tag_box">
                        <p class="title">小类</p>
                        <div id="SMALL_TAG" class="super-lable clearfix"></div>
                    </div>
                </div>
            </dl>
            <ul class="handler_box">
                <li class="reset_btn">
                    <!-- <i></i> -->
                    重置</li>
                <li class="confirm_btn">
                    <!-- <i></i> -->
                    完成</li>
            </ul>
        </div>
    </div>
    
    <script src="../libs/LeafletSDK_es6/dist/leaflet-src.js"></script>
    <script src="../libs/LeafletSDK_es6/dist/leaflet.js"></script>
    <script src="../libs/LeafletSDK_es6/dist/CustomWebSDK.min.js"></script> 
    <script src="../libs/leaflet.markercluster.js"></script>
    <script src="../libs/jquery-1.12.3.min.js"></script>
    <script src="../libs/my-picker/my-picker.js"></script>
    <script src="https://appx/web-view.min.js"></script>
    <script src="../js/checkmap.js"></script>
</body>
</html>
